<template>
  <div class="register">
    <form>
      <input
        type="email"
        placeholder="email"
        name="email"
        v-model="formdata.email"
      />
      <input
        type="password"
        placeholder="password"
        name="password"
        v-model="formdata.password"
      />
      <button @click="loginput">submit</button>
    </form>
  </div>
</template>

<script>
import { postLogin } from "@/api/data";
export default {
  data() {
    return {
      formdata: {
        email: "",
        password: "",
        socketid: "",
      },
    };
  },
  methods: {
    async loginput() {
    
    
    },
  },
};
</script>

<style scoped>
.register {
  height: 100vh;
  width: 100vw;
  text-align: center;
}
form {
  margin-top: 200px;
  width: 80vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
input {
  height: 30px;

  margin-bottom: 20px;
}

button{
  display: block;
  width: 130px;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
</style>